﻿<%@ Page Title="首页" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebForm._Default" %>

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">

    <div class="jumbotron">
        <h1>关于本示例</h1>
        <p class="lead">此为适用于 .net 网络编程后端初学者的示例项目。包含如何在前后端传递数据、如何异步更新页面等。</p>
        <p>
            WebForm解决方案包含基于 ASP.NET WebForm (.net framework 4.8) 的演示项目。此项目使用 Visual Studio 2019 Community 编写，并基于 ASP.NET WebForm (.net framework) 模板。项目中对原模板提供页面进行删减和修改，以适应此示例的功能。
        </p>
        <p>
            使用此示例，读者应当对 C#、html、JavaScript 有基本了解。阅读时，从感兴趣的页面后台代码开始。例如：若想了解如何在请求响应中将数据传递到前端，可首先查看 B2F.aspx.cs 文件。
        </p>
    </div>

    <div class="row">
        <div class="col-md-6">
            <h2>后端到前端</h2>
            <p>
                数据从后端到前端，是指将 C# 代码中的实例传递到前端页面的 Javascript 中。该示例对应的实际应用场景可以是：获取到数据库中的数据后，传递到页面在地图等框架中进一步处理。
                本示例中，以整数数组作为要传递的数据类型，通过嵌入代码，在渲染时将数据保存为页面上的隐藏内容，随后在Javascript中获取该内容。示例中使用了JSON作为数据暂存格式。
            </p>
            <p>
                学习此示例，从 B2F.aspx.cs 开始阅读。
            </p>
            <p>
                <a class="btn btn-default" href="./b2f">查看示例页面 &raquo;</a>
            </p>
        </div>
        <div class="col-md-6">
            <h2>局部更新</h2>
            <p>
                局部更新页面，是指在不发送整个页面POST请求的情况下，通过Javascript执行局部的GET或POST请求，
                从服务端获取所需的数据（而非页面），并在接收到数据后，利用脚本逻辑修改页面上的内容。
                本示例中使用JQuery简化AJAX的执行，以整数数组作为异步请求获取的数据内容，在成功回调后更新页面上的数据列表。
            </p>
            <p>
                学习此示例，从 AJAX.aspx.cs 开始阅读。
            </p>
            <p>
                <a class="btn btn-default" href="./ajax">查看示例页面 &raquo;</a>
            </p>
        </div>
    </div>

</asp:Content>
